/*
Ashley's Fitness Party™
Created By: Allen Hamlette @ The Web Penguin, LLC, 2018-2022

Colors:
#FF00A5 (pink)
#10100e (black)
#E6A51D (gold)

font-family: active, sans-serif;
           : futura-pt (-bold, or -condensed), sans-serif;

 */


/* COMMON FILES */

html, body {
    background-image: url('#');
    background-color: hotpink;
    color: black;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 280px;
    max-width: 2500px;
    text-align: center;
}

body {
    background-color: hotpink;
    background-size: contain;
    animation: fadeInAnimation ease .75s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    font-family: Futura, sans-serif;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: white;
}

p {
    font-size: large;
    color: black;
}

iframe {
    width: 100% !important;
    height: 100%;
}


.deleteButton {
    background-color: red;
    color: white;
}

.editButton {
    background-color: yellow;
    color: black;
}

.wrapper {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

.button, button {
    background-color: #E6A51D;
    color: white;
    margin: 2% auto 0;
}

.button:hover, button:hover {
    background-color: #FF00A5;
    color: white;
}

span {
    color: #FF00A5;
}

.container {
    color: red;
    background-color: transparent;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #FF00A5;
}

:hover {
    transition: .2s;
}

hr {
    width: 75%;
    margin: 3% auto;
}

input {
    font-size: inherit;
}

td {
    width: 75%;
    text-align: left;
    margin: 0 0 0 0;
}

th {
    text-align: left;
    text-decoration: underline;
}

small {
    font-size: medium;
    color: red;
}

select {
    background: lightgrey;
    font-size: inherit;
    height: auto;
}

textarea.form-control {
    height: 20vw;
}

.form {
    width: 70%;
    min-width: 300px;
    max-width: 900px;
    margin: auto;
}

.form-group {
    text-align: left;
}

.adminButtons, .categoryButtons, .callToAction, .addToCartButton {
    margin: 3% auto;
    width: fit-content;
}

.adminButtons {
    height: auto;
}

.category {
    margin-top: 10px;
}

.subscribeHere{
    width: 100%;
}

.cancelSubscription > h2 {
    color: white;
}

.textAFP {
    background-color: lightgreen;
    padding: 1.5%;
}

.textAFP > h3 {
    color: black;
}

.title {
    font-size: 3em;
}

#intro, #content {
    width: 100%;
    border: none;
    margin-bottom: 20px;
    text-align: center;
    padding: 1% 3% 0;
}

#intro > h4, #content > h4 {
    color: black;
    text-align: left;
}

.eventVideo {
    width: 100%;
    background-color: #FF00A5;
    margin: 0;
}

.videoImage, .marqueeImage {
    width: 100%;
    margin: 3% auto;
}

.memberships {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 3% auto;
    background: black;
}

.level {
    display: inline-block;
    text-align: center;
    padding: 3%;
    width: 30%;
    height: 25vw;
}

.level > img {
    margin-bottom: 7%;
}

a:hover > .level > img{
    border: 3px #FF00A5 dashed;
    transform: scale(1.05);
    padding: 3%;
    background: black;
    border-radius: 50%;
}

.welcome {
    padding: 1% 3%;
}

.welcome > h2 {
    font-size: 2vw;
}

.socialMediaLinks {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 3% auto;
    text-align: center;
}

.socialMediaLinks > a {
    text-decoration: none;
}

.socialMediaLinks > a > .link {
    display: inline-block;
    text-decoration: none;
    width: 49%;
    max-width: 300px;
    height: 9vw;
    padding: 5%;
    margin: auto;
}

.socialMediaLinks > a > img {
    height: 100%;
}

.socialMediaLinks > a:hover > .link {
    transform: scale(1.25);
}

.eventsGallery {
    text-align: center;
    border: none;
}

.eventsGallery > h1 {
    color: white;
    text-transform: uppercase;
}

.eventsGallery > h2 {
    color: #10100e;
}

img, source {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.hide {
    display: none;
}

.navigation {
    font-size: 12px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    border: none;
    text-transform: uppercase;
}

.navigation > a {
    padding: 0 3%;
    color: white;
    text-decoration: none;
}

.navigation > a:hover {
    text-decoration: underline;
}

.primaryHeader {
    width: 100%;
    display: inline-block;
}

.secondaryHeader {
    height: 50px;
    background-color: black;
    padding: 5px 0;
    text-align: center;
}

.secondaryHeader > img {
    display: inline-block;
    width: 10%;
    object-fit: contain;
    margin: 0 10px;
}

footer {
    display: inline-block;
    color: white;
    width: 100%;
    height: auto;
    margin: 0;
    background-color: black;
}

.afpKicks > .video, .afpKicks > .link {
    width: 50%;
    height: 30vw;
    display: inline-block;
    float: left;
}

.afpKicks > .link {
    padding: 5%;
}

.afpKicks > .link > a > h1 {
    font-size: 5vw;
    text-transform: uppercase;
}

.topFooter, > .middleFooter, .lowerFooter {
    display: inline-block;
}

.footerLeft, .footerRight, .footerMiddle {
    height: 100%;
    padding: 5px;
}

.footerContent, .lowerFooter {
    width: 100%;
    display: inline-block;
    padding: 1%;
}

.footerNavigation {
    height: 100%;
    padding: 3%;
}

.footerNavigation > a {
    color: white;
    text-transform: capitalize;
    width: 48%;
    padding: 3% 0;
    margin: 1%;
    display: inline-block;
    float: left;
    font-size: large;
    text-align: left;
}

.subscription {
    color: black;
    border: none;
}

.copyright {
    color: white;
    font-size: small;
    border: none;
    padding-top: 50px;
}

.copyright > a {
    color: white;
}

#login > a, #logout > a {
    color: white;
}

.privacyAndLegal > ul > li {
    text-align: right;
    font-size: small;
    text-decoration: none;
}

.privacyAndLegal > ul > li > a {
    text-decoration: none;
    color: #FF00A5;
}

.privacyAndLegal > ul > li > a:hover {
    text-decoration: underline;
}

.privacyAndLegal {
    text-align: right;
    margin: 5% 0;
    border: none;
}

.privacyPolicy {
    color: #10100e;
    border: none;
}

.privacyPolicy > h3 > a:hover {
    color: #FF00A5;
}

.termsOfService {
    border: none;
}

.disclaimer {
    color: #10100e;
    border: none;
}

.lowerFooter {
    padding: 1%;
}

/* content banner */
.graphic {
    display: inline-block;
    width: 100%;
    margin: 1% auto;
    padding: 3% 0 1%;
}

.graphic > .column {
    display: inline-block;
    width: 33.333%;
    height: 20vw;
    float: left;
}

.graphic > .column > h2 {
    font-size: 3vw;
}

.graphic > .column > hr {
    margin: 1% auto;
}

.graphic > .column > p {
    font-size: 1.5vw;
    padding: 5%;
    text-align: left;
}

#links {
    min-height: unset;
    height: auto;
}

#quote {
    padding: 1% 3%;
}

.banner {
    display: inline-block;
    margin: 0;
    background: url(/images/afpPhotos/videoStill05.png) center;
    height: 15vw;
    min-height: 150px;
    width: 100%;
    padding: 3% 1%;
}

.banner > a > .link {
    width: 30%;
    height: 100%;
    display: inline-block;
    margin: 0 10px;
    padding: 3% 0;
    background: transparent;
    color: #FF00A5;
}

.banner > a > .link > h2 {
    font-size: 5vw;
    text-shadow: black 2px 2px;
    text-transform: capitalize;
}

.banner > a:hover > .link > h2 {
    color: white;
    text-decoration: underline;
}

#membership {
    background: black;
}

.createForm {
    width: 60%;
    margin: auto;
}

/* AUTHENTICATION LINKS */

.authlogo {
    background: transparent;
    border: none;
}

.authlogo > a > img {
    width: 100%;
}

.registerBody, .loginBody, .resetBody {
    padding: 20px;
    font-size: 16px;
    margin: 0 0;
    color: black;
    line-height: 20px;
}

.pagination {
    display: flex;
    height: 23%;
    font-size: 16px;
    text-align: center;
}

.pagination > li.page-item > a.page-link {
    margin: 0 10px;
}

/* HEADER */
.header {
    display: inline-block;
    width: 80%;
    height: 100px;
    font-weight: bold;
    border: none;
    background: transparent;
    text-transform: uppercase;
    text-align: right;
    padding-top: 4%;
}

.header > a {
    display: inline-block;
    color: white;
}

.logo {
    display: inline-block;
    background-color: transparent;
    border: none;
    height: 100px;
    width: 125px;
    float: left;
}

.title, .secondaryTitle {
    text-align: center;
    font-weight: bold;
    border: none;
    background: transparent;
    color: white;
    text-transform: uppercase;
    font-family: Futura, sans-serif;
    margin: 1%;
    width: 100%;
}

.title > h1 {
    font-size: 48px;
}

/* homepage */
.welcomeImage {
    padding: 0;
}

.myBook {
    height: auto;
    margin: auto;
    background: lightgray;
    padding: 1%;
}

.myBook > h1 {
    font-size: 2.75vw;
}

.newBook {
    display: inline-block;
    height: 40vw;
    max-height: 500px;
    margin: auto;
    background: lightskyblue;
    padding: 1%;
}

.myBook > .image {
    height: 5%;
}

.newBook > .content {
    height: 100%;
}

.myBook > .info > p {
    font-size: medium;
    font-family: Futura, sans-serif;
    color: black;
    text-align: left;
}

.newBook > .content, .newBook > .image {
    display: inline-block;
    width: 33.33%;
    height: 100%;
    float: left;
}

.newBook > .content {
    padding: 3% 1%;
}

.newBook > .content > h1 {
    text-shadow: 2px 2px white;
}

.newBook > .content > h2 {
    font-size: 2.75vw;
}

.newBook > .content > h4 {
    font-size: 1.5vw;
}

.newBook > .content > ul > li {
    text-align: left;
    font-size: 1.75vw;
    text-transform: capitalize;
    list-style-type: disc;
}
.sweatShapeParty {
    display: inline-block;
    width: 100%;
    height: 35vw;
    padding: 1%;
}

.adHeader {
    width: 50%;
    height: 100%;
    float: left;
    padding: 10% 5%;
}

.adHeader > h1 {
    font-size: 3vw;
    color: white;
    margin: 3% auto;
}

.adHeader > h4 {
    font-size: 2.25vw;
}

.sweatShapeParty > .image {
    width: 50%;
    height: 100%;
    float: right;
    padding: 1%;
}

.partnersAndSponsors {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 1%;
}

.partnersAndSponsors > img {
    width: 25%;
    height: 75px;
    float: left;
    margin: 15px 0;
}

.eventInfo > .details > p {
    font-size: medium;
    margin: 10px auto;
}

.socialMediaFeed {
    display: none;
}

/* about */
.aboutAshley {
    height: 50vw;
    width: 100%;
    background: black;
}

.aboutAshley > .image {
    width: 100%;
    height: 75%;
    float: none;
}

.aboutAshley > .meetAshley {
    height: 10%;
    width: 75%;
    max-width: 800px;
    margin: auto;
}

.playlist {
    height: 50vw;
    max-height: 1200px;
}

/* services */
.serviceIndex {
    display: inline-block;
    width: 100%;
    padding: 1%;
}

.service {
    width: 100%;
    padding: 0 1.5%;
    margin: 3% auto;
    text-align: left;
    max-width: 1200px;
}

.service > h3 {
    text-decoration: underline;
    font-size: x-large;
}

.service > p {
    font-size: large;
    padding: 0 3%;
}

/* event */
.eventContent > h3, .postContent > h3 {
    color: black;
}

.eventIndex {
    min-height: 300px;
}

.wrapper {
    margin: 0;
}

.event {
    display: inline-block;
    width: 75%;
    height: 15vw;
    min-height: 250px;
    margin: 0 auto;
    padding: 1%;
    border: black 2px solid;
    background: lightgray;
}

.event > .image {
    display: inline-block;
    float: left;
    width: 33.33%;
}

.event > .info {
    display: inline-block;
    float: left;
    width: 66.66%;
}

.info > .title > h3 {
    font-size: 2vw;
}

.info > .dateAndCategory > p {
    font-size: medium ;
}

/* event.show */
.eventImage {
    height: 60vw;
    max-height: 500px;
    padding: 1% 3% 5%;
}

.dateAndCategory {
    margin-bottom: 3%;
}

.dateAndCategory > h2 > span {
    font-size: 28px;
}

.commentSection {
    margin: 3% auto;
    padding: 0 10%;
}

/* video */
.videoIndex {
    display: inline-block;
    width: 100%;
    min-height: 400px;
    color: #10100e;
    border: none;
    margin: 3% 0;
    text-align: center;
}

.video {
    padding: 5px;
    display: inline-block;
    float: left;
}

.videoIndex > .video > iframe {
    width: 100%;
    height: 75%;
}

.videoIndex > .video > .deleteButton {
    background: transparent;
}

/* reviews */
#reviews.marqueeImage > img {
    height: 50vw;
    max-height: 1200px;
    object-fit: cover;
    object-position: top;
}

.reviewIndex {
    width: 100%;
    display: inline-block;
    padding: 0 10%;
}

.review {
    width: 31.33%;
    height: 15vw;
    max-height: 400px;
    display: inline-block;
    color: #FF00A5;
    margin: 1%;
    padding: 2%;
    float: left;
    border: 5px solid black;
}

.review > p {
    font-size: medium;
}

.testimonial > h3, .testimonial > h4 {
    padding: 5px;
}

/* epk */
.epkMarqueePhoto{
    background-color: deepskyblue;
    border-radius: 0;
    border: transparent;
    background-image: url(/images/afpPhotos/ashleyKickboxingHalf.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
}

.epkMarqueePhoto > p > a {
    color: black;
    text-shadow: white 1px 2px;
}

.epkAbout {
    padding: 5%;
}

.epkPhotos {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 3%;
}

.epkPhotos > .photo {
    display: inline-block;
    width: 49%;
    height: 30vw;
    padding: 1%;
    margin: 1% 0;
}

.epkPhotos > .photo > img {
    object-fit: cover;
}

.epkStats {
    width: 100%;
    height: auto;
    padding: 1%;
    background-color: lightgreen;
}

.primaryStats {
    display: inline-block;
    width: 100%;
    padding: 2% 1%;
}

.stats {
    display: inline-block;
    float: left;
    width: 25%;
}

.stats > h3, .addtlStats > h3 {
    font-size: 5vw;
    text-shadow: 2px 2px darkgray;
    color: #FF00A5;
}

.stats > p, .addtlStats > p {
    color: black;
    text-transform: uppercase;
    font-size: small;
}

.addtlStats {
    display: inline-block;
    width: 31.33%;
}

.secondaryStats {
    width: 100%;
    display: inline-block;
}

.secondaryStats > .addtlStats {
    display: inline-block;
    width: 31.33%;
}

.epkVideo {
    margin: 3% auto;
}

.epkVideo > .video {
    width: 100%;
    margin: auto;
    padding: 3% 0;
}

.epkIndex {
    width: 100%;
    height: auto;
    display: inline-block;
}

.epkEvent {
    display: inline-block;
    width: 90%;
    height: auto;
    margin: 1%;
}

.epkEventPosts {
    width: 100%;
    height: 400px;
}

.epkEvent > h3 {
    color: white;
}

.epkDateAndCategory {
    margin-top: 1%;
}

.epkDateAndCategory > p > span {
    color: white;
}

.epkContactForm {
    display: inline-block;
    width: 100%;
    height: auto;
}

.imageLeft {
    display: inline-block;
    width: 50%;
    height: 100%;
}

.formRight {
    display: inline-block;
    width: 50%;
    height: 100%;
    float: right;
    padding: 0 5%;
}

#epkSubject {
    width: 100%;
    height: 30px;
}

#epkMessage {
    width: 100%;
    min-height: 125px;
}

/* dashboard */
.blogManager, .eventManager {
    overflow: scroll;
    height: 700px;
    border-width: 10px;
}

/* afp-goals-membership */
.content {
    padding: 20px;
    display: inline-block;
    height: 90vw;
    max-height: 2000px
}

.membershipOptions {
    width: 100%;
    height: auto;
}

.memberPlans {
    display: inline-block;
    height: auto;
    width: 100%;
    padding: 1%;
}

.memberPlans > h4 {
    font-size: 2.25vw;
}

.memberPlans > ul {
    padding: 0px;
}

.memberPlans > ul > li {
    font-size: 1.1vw;
    margin: 0;
    color: white;
}

.membershipInformation {
    width: 50%;
    height: 80vw;
    float: right;
    color: #FF00A5;
    display: block;
    padding-top: 3%;
}

.membershipPageImage {
    width: 50%;
    height: 80vw;
    float: left;
}

.membershipPageImage > img {
    width: 100%;
}

.storeIndex {
    font-family: Futura, sans-serif;
    text-align: center;
}

.payPalButtons > form {
    height: 75px;
}

/* contact */
.twoColumnBanner {
    display: inline-block;
    width: 100%;
    height: 600px;
}

.twoColumnBanner > .contactForm, .twoColumnBanner > .ashleyImage {
    display: inline-block;
    width: 50%;
    height: 100%;
    float: left;
    padding: 0 5%;
}

/* shop */
.productIndex {
    width: 100%;
    height: auto;
    min-height: 60vw;
    display: inline-block;
}

.product {
    width: 23%;
    height: fit-content;
    display: inline-block;
    border: black 2px solid;
    float: left;
    margin: 10px 1%;
    padding: 2%;
}

.product > .image {
    height: 20vw;
    width: 100%;
    background-color: white;
    float: unset;
}

.product > .title {
    padding: 5px;
    height: 21%;
}

.product > .title > h5 {
    margin-top: 1%;
    font-size: 1.5vw;
}

.product > .price {
    height: 10%;
    margin: 5% auto;
}

.product > .price > h5 {
    font-size: 2.5vw;
}

.productImage {
    height: 60vw;
    max-height: 500px;
    padding: 1% 3% 5%;
}

.productInfo {
    width: 90%;
    margin: auto;
    text-align: left;
}

/* SHOP.SHOW */
.productProfile > .right > .buyButtons {
    height: 75px;
}

/* FAQs*/
.question {
    padding: 5px 3%;
}

/* DASHBOARD */
#dashboardAdmin {
    margin: 5% auto;
}

#dashboardAdmin > a > button {
    width: 20%;
    margin: 0 2%;
    padding: 1%;
    font-size: large;
}

/* MEET-ASHLEY */
.ashleyBio {
    width: 75% !important;
    min-width: 320px;
    max-width: 1200px;
    margin: auto;
}

.ashleyBio > p {
    text-align: left;
}

/* ****************************************************************************************** */

@media all and (max-width: 599px) {

    /* COMMON FILES */

    .secondaryHeader > img {
        display: inline-block;
        width: 9%;
    }

    .createForm {
        width: 320px;
    }

    hr {
        margin: 25px;
    }

    .myLogos > img {
        display: inline-block;
        width: 8%;
    }

    .logo {
        margin: auto;
        float: unset;
    }

    .header {
        width: 100%;
        text-align: center;
    }

    .header > a {
        margin: 2% 4%;
        width: 15%;
        font-size: 3.5vw;
    }

    .header > a:hover {
        text-decoration: underline;
    }

    .twpLogo > a > img {
        width: 92%;
        margin-top: 20px;
    }

    #intro > h4 {
        color: black;
        font-size: large;
    }

    .title {
        font-size: 7vw;
    }

    .title > h1 {
        font-size: 36px;
    }

    #intro > h4, #content > h4 {
        color: black;
        font-size: 3vw;
    }

    footer > .afpKicks > .video, footer > .afpKicks > .link {
        width: 100%;
        height: auto;
        display: inline-block;
        float: none;
    }

    footer > .afpKicks > .link {
        padding: 5%;
    }

    footer > .afpKicks > .link > a > h1 {
        font-size: 10vw;
        text-transform: uppercase;
    }

    .subscribeHere {
        padding: 10px;
    }

    .navigation {
        line-height: 24px;
    }

    .leftFooter {
        width: 100%;
        height: auto;
        margin: 20px 0;
    }

    .middleFooter {
        height: auto;
    }

    .socialMediaLinks > a > .link {
        height: 15vw;
        width: auto;
        padding: 3%;
        margin: 0 auto;
    }

    .footerNavigation {
        height: 100%;
    }

    .footerMiddle {
        width: 100%;
        display: inline-block;
    }

    .footerLogo {
        height: 100%;
        width: 50%;
        margin: auto;
    }

    .rightFooter {
        width: 100%;
        display: inline-block;
        float: right;
    }

    .graphic > .column {
        display: inline-block;
        width: 100%;
        height: auto;
        float: none;
        padding: 3% 5%;
    }

    .graphic > .column > h2 {
        font-size: large;
    }

    .graphic > .column > p {
        font-size: medium;
    }

    #quote > h1 {
        font-size: x-large;
    }

    div#mc_embed_signup_scroll > label {
        font-size: large;
    }

    div#mc_embed_signup_scroll > input#mce-EMAIL.email {
        width: 100%;
        margin-bottom: 5px;
    }

    .lowerFooter {
        width: 100%;
        display: inline-block;
    }

    .twpLogo {
        width: 30%;
        height: 55px;
        float:left;
    }

    .copyright {
        width: 40%;
        font-size: xx-small;
        float:left;
        text-align: center;
    }

    .copyright > p {
        margin: 50px 0 0 0;
    }

    .copyright > p > a {
        color: white;
    }

    .addtlLinks {
        width: 30%;
        float: left;
        text-align: right;
    }

    .addtlLinks > ul {
        padding-left: 15px;
    }

    .addtlLinks > ul > li > a {
        font-size: xx-small;
    }

    .headerRight {
        text-align:center;
    }

    .banner > a > .link {
        margin: 0 1%;
        width: 29vw;
        height: auto;
    }

    .banner > a > .link > h2 {
        font-size: 6vw;
    }

    .myBook > .image, .myBook > .info {
        height: auto;
    }

    .myBook {
        height: auto;
    }

    .myBook > h1 {
        font-size: x-large;
    }

    .myBook > .image {
        width: 80%;
        height: 80vw;
        margin: auto;
    }

    .myBook > .info > p {
        font-size: medium;
    }

    .newBook > .content, .newBook > .image {

    }

    /* home.blade */

    .welcomeImage {
        width: 100%;
        background-color: transparent;
        text-align: center;
        height: auto;
        border: none;
    }

    .videoImage, .marqueeImage {
        width: 100%;
    }

    video {
        height: 225px;
        width: 100%;
    }

    .eventInfo > .details > p {
        font-size: small;
        width: 100%;
        float: left;
        margin: 3px;
    }

    .dancePartyBanner {
        background: transparent;
        text-align: center;
        display: inline-flex;
        height: 100px;
        border: none;
        margin: 1% 0;
    }

    .komenLogo, .murrayLogo {
        width: 25%;
        margin: 28px 0 0 0;
    }

    .komenLogo > img {
        width: 80%;
    }

    .dpBanner {
        width: 50%;
    }

    .dpBanner > a {
        color: black;
        text-decoration: none;
    }

    .dpBanner > a > img {
        width: 95%;
    }

    .dpBanner > a:hover {
        color: #E6A51D;
    }

    .dpBanner > a:hover > img {
        text-decoration: underline;
        transform: scale(1.10);
    }

    .dpBanner > a > h2 {
        width: 100%;
        font-size: 10px;
    }

    .murrayLogo > img {
        width: 80%;
    }

    #arthurMurrayLogo {
        background-color: transparent;
        margin: 6% 0;
    }

    .welcome {
        color: #10100e;
        border: none;
        margin: 3% 0;
    }

    .level {
        width: 90%;
    }

    /* about */

    .imageBanner {
        height: 525px;
        border: none;
    }

    .banner > img {
        width: 100%;
        float: left;
    }

    .slogan {
        width: 100%;
        color: black;
        font-family: active, sans-serif;
        text-transform: uppercase;
    }

    .slogan > h1 {
        font-size: 12vw;
        padding: 10%;
    }

    .ashleyBioImage {
        background-color: transparent;
        border: none;
    }

    .ashleyBioImage > img {
        width: 100%;
        height: auto;
    }

    .ashleyBio {
        color: #10100e;
        border: none;
    }

    .ashleyBio > img {
        width: 50%;
        text-align: center;
    }

    .additionalContent {
        display: none;
    }

    .aboutAshley {
        height: 800px;
        width: 100%;
        padding: 5% 0;
    }

    .aboutAshley > .image {
        height: 85%;
    }

    .youTubeAbout {
        color: #10100e;
        border: none;
    }

    .playlist {
        height: 250px;
        border: none;
    }

    iframe {
        width: 100%;
        object-fit: contain;
    }

    /* video.blade */
    .videoIndex {
        width: 100%;
    }

    .video {
        width: 50%;
        height: auto;
        margin: auto;
        padding: 2%;
    }

    .wrapper {
        background: transparent;
        border: none;
        padding: 0;
        /*background-color: green;*/
    }

    .wrapper > h1 {
        color: #FF00A5;
    }

    .wrapper > .btn {
        padding: 5px;
    }

    /* events */
    .events {

    }

    /* reviews */
    .quotes {
        background: transparent;
        color: #10100e;
        padding: 5%;
        text-align: left;
        border: none;
    }

    .quotes > h2 {
        font-size: 24px;
    }

    .review {
        width: 48%;
        height: 50vw;
        margin: 1%;
        padding: 5% 1%;
    }

    .review > h5 {
        font-size: 3vw;
    }

    /* contact.blade */

    .contactForm > form > .form-group > input#name.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > input#email.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > select#subject.form-control {
        width: 100%;
        height: 36px;
        font-size: 16px;
    }

    .contactForm > form > .form-group > textarea#message.form-control {
        width: 100%;
        height: 200px;
    }

    .ashleyImage {
        background-color: transparent;
        border: none;
        display: none;
    }

    .ashleyImage > img {
        width: 100%;
    }

    /* epk */
    .epkAbout {
        padding: 5%;
    }

    .epkAbout > h4 {
        font-size: medium !important;
    }

    #epkTestimonial {
        font-size: 3vw;
    }

    .epkStats {
        background-color: lightgreen;
    }

    .epkVideo {

    }

    .epkVideo > .video {
        width: 100%;
        margin: auto;
        padding: 3% 0;
    }

    .epkEventPosts {
        height: auto;
    }

    .epkEvent {
    }

    .epkEvent > h3 {
        margin: 0;
    }

    .epkDateAndCategory > p {
        width: 50%;
        margin: 0;
        float: left;
    }

    .epkContactForm {
        width: 100%;
        height: auto;
        max-height: unset;
        padding: 3%;
    }

    .formRight {
        margin-top: 5%;
    }

    .epkContactForm > .imageLeft, .epkContactForm > .formRight {
        display: unset;
        width: 100%;
    }

    #epkSubject {
        width: 100%;
        height: 30px;
    }

    #epkMessage {
        width: 100%;
        min-height: 200px;
    }

    /* shop.blade */

    /* disclaimer.blade */

    /* privacy-policy.blade */

    /* terms-of-service.blade */

    /* thank-you.blade */


    /* faq.blade */
    .questions {
        background: transparent;
        color: black;
        border: none;
    }

    /* make-payment */
    .paymentButtons {

    }

    /* dashboard.blade */
    .blogManager {

    }

    .eventManager {

    }

    .eventManager, .blogManager {
        text-align: center;
        padding: 5%;
        margin: 20px 0;
        color: #FF00A5;
    }

    .logout {
        background-color: transparent;
        border: none;
        color: #10100e;
    }


    /* meet-ashley.blade */

    /* afp-goals-membership.blade */
    #goalsContent {
        height: auto;
    }

    .membershipInformation {
        height: auto;
    }

    .membershipInfo > .silver {
        width: 100%;
        margin: 10% 0;
    }

    .membershipInfo > .silver > ul {
        padding: 25px;
    }

    .membershipInfo > .gold {
        width: 100%;
        margin: 10% 0;
    }

    .membershipInfo > .gold > ul {
        padding: 25px;
    }

    .membershipInfo > .platinum {
        width: 100%;
        margin: 10% 0;
    }

    .membershipInfo > .platinum > ul {
        padding: 25px;
    }

    .silver > ul, .gold > ul, .platinum > ul {
        padding: 0;
    }

    .silver > ul > li, .gold > ul > li, .platinum > ul > li {
        font-size: medium;
    }
    .silver > h3, .gold > h3, .platinum > h3 {
        font-size: x-large;
    }

    /* afp-goals-membership */

    .memberPlans {

    }

    .memberPlans > h4 {
        font-size: 32px;
    }

    .memberPlans > ul {
        padding: 0;
    }

    .memberPlans > ul > li {
        font-size: 16px;
    }

    .membershipPageImage {
        width: 100%;
    }

    .membershipInformation {
        width: 94%;
    }

    /* shop */

    .product {
        width: 46%;
        margin: 2%;
    }

    .product > .image {
        height: 40vw;
    }

    .product > .title > h5 {
        margin-top: 5px;
        font-size: 2.75vw;
    }

    .product > .price > h5 {
        font-size: 3vw;
    }

    /* DASHBOARD */

    #dashboardAdmin > a > button {
        width: 50%;
        margin: 2%;
        padding: 2%;
        font-size: x-large;
    }

    /* */
    /* */
    /* */
    /* */
    /* */

    /* */
    /* END OF MEDIA QUERY */
    /* */


}

/* ****************************************************************************************** */



@media all and (min-width: 600px) and (max-width: 1023px) {

    /* COMMON FILES */

    .header {
        text-align: right;
    }

    .header > a {
        margin: 0 4px;
        font-size: 12px;
    }

    .header > a:hover {
        text-decoration: underline;
    }

    .subscribeHere {
        padding: 10px;
    }

    .footerLeft {
        width: 33.3%;
        display: inline-block;
        float: left;
    }

    .footerMiddle {
        width: 33.3%;
        display: inline-block;
        float: left;
    }

    .footerNavigation > a {
        font-size: small;
    }

    .socialMediaLinks {
        display: inline-block;
        width: 100%;
        margin: 1% auto;
        text-align: center;
    }

    .socialMediaLinks > a > .link {
        height: 75px;
        width: 48%;
        margin: 0 auto;
    }

    .footerRight {
        width: 33.3%;
        display: inline-block;
        float: right;
    }

    div#mc_embed_signup_scroll > label {
        font-size: large;
    }

    div#mc_embed_signup_scroll > input#mce-EMAIL.email {
        width: 100%;
        margin-bottom: 5px;    }

    .lowerFooter {
        width: 100%;
        display: inline-block;
    }

    .twpLogo {
        width: 30%;
        height: 75px;
        float:left;
    }

    .copyright {
        width: 40%;
        height: 75px;
        font-size: x-small;
        float:left;
        text-align: center;
    }

    .copyright > p {
        margin: 50px 0 0 0;
    }

    .copyright > p > a {
        color: white;
    }

    .addtlLinks {
        width: 30%;
        float:left;
        text-align: right;
    }

    .addtlLinks > ul > li > a {
        font-size: 9px;
    }

    .productLeft {
        float: left;
        width: 50%;
        height: 100%;
    }

    .headerRight {
        width: 48%;
        height: 100%;
        float: right;
        text-align: center;
        padding: 1%;
    }

    .headerRight > h1 {
        margin: 13% 0;
        font-size: 36px;
        color: #FF00A5;
    }

    .headerRight > form {
        height: 75px;
    }

    .banner > a > .link {
        width: 29%;
    }

    .myBook {
        height: 90vw;
        max-height: 650px;
    }

    .myBook > .image {
        height: 70%;
    }

    .myBook > .info > p {
        font-size: 1.75vw;
    }

    .content {

    }

    /* home.blade */
    .welcomeImage {
        background-color: transparent;
        text-align: center;
        border: none;
    }

    .dancePartyBanner {
        background: transparent;
        text-align: center;
        display: inline-flex;
        height: 125px;
        border: none;
        margin: 3% 0;
    }

    .komenLogo, .murrayLogo {
        width: 25%;
    }

    .komenLogo > img {
        width: 80%;
        margin: 18% 40px;
    }

    .dpBanner {
        width: 50%;
    }

    .dpBanner > a {
        color: black;
        text-decoration: none;
    }

    .dpBanner > a > img {
        width: 95%;
    }


    .dpBanner > a > h2 {
        width: 100%;
        font-size: 20px;
    }

    .murrayLogo {
        margin: 0;
    }

    .murrayLogo > img {
        width: 100%;
    }

    #arthurMurrayLogo {
        background-color: transparent;
        margin: 21% 0;
    }

    .tourInfo > img {
        width: 100%;
        height: auto;
    }

    .eventInfo > .details > p {
        font-size: medium;
        width: 50%;
        float: left;
    }

    .sweatShapeParty {

    }

    .sweatShapeParty > .image {

    }

    .adHeader {

    }

    .adHeader > h1 {

    }

    .image {
        width: 50%;
        height: 100%;
        float: right;
    }

    /* about.blade */
    .aboutAshley {
        height: 600px;
        width: 100%;
        padding: 5% 0;
    }

    .aboutAshley > .image {
        height: 85%;
    }

    .imageBanner {
        height: 275px;
        border: none;
    }

    .banner > img {
        width: 100%;
        float: left;
    }

    .slogan {
        width: 100%;
        color: black;
        padding: 0;
        height: 210px;
        margin: 0;
        font-family: active, sans-serif;
        text-transform: uppercase;
        text-align: center;
    }

    .slogan h1 {
        font-size: 36px;
        height: 215px;
    }

    .ashleyBioImage {
        background-color: transparent;
        border: none;
    }

    .ashleyBioImage > img {
        width: 100%;
        height: auto;
    }

    .ashleyBio {
        color: #10100e;
        border: none;
    }

    .ashleyBio > img {
        width: 40%;
        text-align: center;
    }

    .youTubeAbout {
        background-color: #10100e;
        text-align: center;
        height: auto;
    }

    .playlist {
        height: 500px;
        border: none;
    }

    /* events.blade */
    /* blog.blade */
    .eventVideo {
        background-color: transparent;
        border: none;
    }

    .videoIndex > .video {
        width: 33%;
        height: 33vw;
        padding: 1%;
    }

    .videoIndex > .video > iframe {
        height: 60%;
    }

    .wrapper {
        background-color: transparent;
        border: none;
    }

    .wrapper > h1 {
        color: #FF00A5;
    }

    .wrapper > .btn {
        padding: 5px;
    }

    /* events.blade */
    .events {

    }

    /* reviews.blade */
    .quotes {
        background: transparent;
        color: #10100e;
        padding: 5%;
        text-align: left;
        border: none;
    }

    .quotes > h2 {
        font-size: 24px;
    }

    .review {
        width: 48%;
        height: 40vw;
        margin: 1%;
        padding: 5% 1%;
    }

    .review > h5 {
        font-size: 2.75vw;
    }

    /* contact.blade */

    .contactForm > form > .form-group > input#name.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > input#email.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > select#subject.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > textarea#message.form-control {
        width: 100%;
        height: 200px;
    }

    .ashleyImage {
        background-color: transparent;
        border: none;
        height: 525px;
    }

    .ashleyImage > img {
        width: 100%;
    }

    /* shop.blade */
    .product {
        width: 31.33%;
    }

    .product > .image {
        height: 25vw;
    }

    .product > .title > h5 {
        font-size: 2vw;
    }

    /* faq.blade */
    .questions {
        background: transparent;
        color: black;
        border: none;
    }

    /* make-payment */
    .paymentButtons {
        grid-column: 4/13;
    }

    /* dashboard.blade */

    .blogManager, .eventManager {
        text-align: center;
        padding: 5%;
        margin: 20px 0;
        color: #FF00A5;
    }

    .logout {
        background-color: transparent;
        border: none;
        color: #10100e;
    }

    /* epk */
    .epkMarqueePhoto{

    }

    .epkMarqueePhoto > h1 {

    }

    .epkAbout {
        padding: 5%;
    }

    #epkTestimonial {
        font-size: 1.5vw;
    }

    .epkStats {
        background-color: lightgreen;
    }

    .epkVideo > .video {
        width: 100%;
        margin: auto;
        padding: 10px;
        text-align: center;
    }

    .video > .epkVideoImage {
        width: 60%;
    }

    .epkEventPosts {
        height: auto;
    }

    .epkEvent > h3 {
        margin: 0;
    }

    .epkDateAndCategory > p {
        width: 50%;
        margin: 0;
        float: left;
    }

    .imageRight {
        width: 45%;
        float: left;
    }

    /* shop.blade */

    .silver > ul, .gold > ul, .platinum > ul {
        padding: 0;
        height: 300px;
    }

    .silver > ul > li, .gold > ul > li, .platinum > ul > li {
        font-size: small;
    }
    .silver > h3, .gold > h3, .platinum > h3 {
        font-size: x-large;
    }

    /* membership-options */

    #goalsContent {
        height: auto;
    }

    .memberPlans {
        margin: 1% 0;
    }

    .memberPlans > h4 {
        font-size: 2.75vw;
    }

    .memberPlans > ul {
        padding: 0;
    }

    .memberPlans > ul > li {
        font-size: 1.5vw;
        margin: 0;
        color: white;
    }

    .membershipPageImage {
        height: 600px;
        width: 100%;
        text-align: center;
    }

    .membershipInformation {
        width: 98%;
        height: auto;
        float: none;
    }

    /* DASHBOARD */
    #dashboardAdmin > a > button {
        width: 45%;
        margin: 1%;
        padding: 1%;
        font-size: large;
    }


    /* */
    /* */
    /* */
    /* */
    /* */

    /* */
    /* END OF MEDIA QUERY */
    /* */


}

/* ****************************************************************************************** */


@media all and (min-width: 1024px) and (max-width: 1439px) {

    /* COMMON FILES */

    .header {
        text-align: right;
    }

    .header > a {
        margin: 0 5px;
        font-size: 16px;
    }

    .header > a:hover {
        text-decoration: underline;
    }

    .navigation {
        font-size: 24px;
    }

    .subscribeHere {
        height: 100px;
    }

    .footerLeft {
        width: 33.3%;
        display: inline-block;
        float: left;
    }

    .footerMiddle {
        width: 33.3%;
        display: inline-block;
        float: left;
        height: 225px;
    }

    .footerRight {
        width: 33.3%;
        display: inline-block;
        float: right;
        height: 225px;
    }

    div#mc_embed_signup_scroll > label {
        font-size: x-large;
    }

    div#mc_embed_signup_scroll > input#mce-EMAIL.email {
        width: 68%;
    }

    .lowerFooter {
        width: 100%;
        display: inline-block;
    }

    .twpLogo {
        width: 20%;
        height: 75px;
        float:left;
    }

    .copyright {
        width: 60%;
        height: 75px;
        font-size: small;
        float:left;
        text-align: center;
    }

    .copyright > p {
        margin: 50px 0 0 0;
    }

    .copyright > p > a {
        color: white;
    }

    .addtlLinks {
        width: 20%;
        float: left;
        text-align: right;
    }

    .addtlLinks > ul > li > a {
        font-size: small;
    }

    .myBook {
        height: 65vw;
    }

    .myBook > h1 {
        font-size: 2vw;
    }

    .myBook > .image {
        height: 75%;
    }

    .myBook > .info > p {
        font-size: 1.75vw;
    }

    .productLeft {
        width: 48%;
        height: 94%;
        float: left;
        text-align: center;
        padding: 1%;
    }

    .productLeft > img {
        height: 94%;
    }

    .headerRight {
        width: 48%;
        height: 100%;
        float: right;
        text-align: center;
        padding: 1%;
    }

    .headerRight > h1 {
        margin: 5% 0 2% 0;
        font-size: 5vw;
        color: #FF00A5;
    }

    .headerRight > form {
        height: 75px;
    }

    /* home.blade */
    .welcomeImage {
        background-color: transparent;
        text-align: center;
        border: none;
    }

    .dancePartyBanner {
        background: transparent;
        text-align: center;
        display: inline-flex;
        height: 200px;
        border: none;
        margin: 1% 0;
    }

    .komenLogo, .murrayLogo {
        width: 20%;
    }

    .komenLogo > img {
        width: 100%;
        margin: 18% 40px;
    }

    .dpBanner {
        width: 60%;
    }

    .dpBanner > a {
        color: black;
        text-decoration: none;
    }

    .dpBanner > a > img {
        width: 95%;
    }

    .dpBanner > a:hover {
        color: #E6A51D;
    }

    .dpBanner > a:hover > img {
        text-decoration: underline;
        -ms-transform: scale(1.10); /* IE 9 */
        -webkit-transform: scale(1.10); /* Safari 3-8 */
        transform: scale(1.10);
    }

    .dpBanner > a > h2 {
        width: 100%;
        font-size: 20px;
    }

    .murrayLogo {
        margin: 28px 0 0 0;
    }

    .murrayLogo > img {
        width: 100%;
    }

    #arthurMurrayLogo {
        background-color: transparent;
        margin: 20% 0;
    }

    .image {
        width: 50%;
        height: 100%;
        float: right;
    }

    /* about.blade */

    .imageBanner {
        height: 400px;
        border: none;
    }

    .banner > img {
        width: 50%;
        float: left;
    }

    .slogan {
        width: 45%;
        float: right;
        color: black;
        font-family: active, sans-serif;
        text-transform: uppercase;
        padding: 10px;
    }

    .slogan h1 {
        font-size: 60px;
        height: 300px;
        margin: 0;
    }

    .ashleyBioImage {
        background-color: transparent;
        border: none;
    }

    .ashleyBioImage > img {
        width: 100%;
        height: auto;
    }

    .ashleyBio {
        color: #10100e;
        border: none;
    }

    .ashleyBio > img {
        width: 30%;
        text-align: center;
    }

    .additionalContent {
        height: 74%;
    }

    .youTubeAbout {
        grid-row: 8;
        grid-column: 1/16;
        height: auto;
        background-color: #10100e;
        text-align: center;
    }

    .playlist {
        height: 500px;
        border: none;
    }

    /* blog.blade */
    .eventVideo {
        background-color: transparent;
        border: none;
    }

    .video {
        width: 33%;
        height: 25vw;
        padding: 1%;
    }

    .wrapper {
        grid-row: 6;
        grid-column: 1/16;
        background: transparent;
        border: none;
    }

    .wrapper > h1 {
        color: #FF00A5;
    }

    .wrapper > .btn {
        padding: 5px;
    }

    /* events.blade */

    /* reviews */
    .quotes {
        background: transparent;
        color: #10100e;
        padding: 5%;
        text-align: left;
        border: none;
    }

    .quotes > h2 {
        font-size: 24px;
    }

    .review {
        height: 25vw;
        max-height: 250px;
    }

    /* contact.blade */
    .contactForm {

    }

    .contactForm > form > .form-group > input#name.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > input#email.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > select#subject.form-control {
        width: 100%;
    }

    .contactForm > form > .form-group > textarea#message.form-control {
        width: 100%;
        height: 150px;
    }

    .ashleyImage {
        background-color: transparent;
        border: none;
        height: 550px;
    }

    .ashleyImage > img {
        width: 100%;
    }

    /* faq.blade */
    .questions {
        background: transparent;
        color: black;
        border: none;
    }


    /* make-payment */
    .paymentButtons {
        grid-column: 5/12;
    }


    /* dashboard.blade */
    .blogManager {
    }

    .blogManager, .eventManager {
        text-align: center;
        padding: 5%;
        margin: 20px 0;
        color: #FF00A5;
    }

    .logout {
        background-color: transparent;
        border: none;
        color: #10100e;
    }

    /* epk */
    #epkTestimonial {
        font-size: 1.5vw;
    }

    .epkAbout {
        padding: 5%;
    }

    .epkAbout > h4 {
        font-size: 1.33vw;
    }

    .epkStats {
        background-color: lightgreen;
    }

    .epkVideo > .video {
        width: 100%;
        height: 400px;
        margin: 20px auto;
        padding: 10px;
        text-align: center;
    }

    .video > .epkVideoImage {
        width: 60%;
    }

    .epkEventPosts {
        height: auto;
    }

    .epkEvent > h3 {
        margin: 0;
    }

    .epkDateAndCategory > p {
        width: 50%;
        margin: 0;
        float: left;
    }

    .imageRight {
        width: 50%;
        float: left;
    }

    /* shop */

    .silver > ul, .gold > ul, .platinum > ul {
        padding: 0;
        height: 250px;
    }

    .silver > h3, .gold > h3, .platinum > h3 {
        font-size: xx-large;
    }

    /* */
    /* */
    /* */
    /* */
    /* */

    /* */
    /* END OF MEDIA QUERY */
    /* */


}

/* ****************************************************************************************** */


@media all and (min-width: 1440px) and (max-width: 1799px) {

    /* COMMON FILES */
    .logo {
        width: 150px;
        height: 100px;
    }

    .header {
        margin: 0;
        text-align: right;
    }

    .header > a {
        margin: 0 10px;
        font-size: 16px;
    }

    .header > a:hover {
        text-decoration: underline;
    }

    .navigation {
        font-size: 24px;
    }

    .subscribeHere {
        height: 100px;
    }

    .footerLeft {
        width: 33.3%;
        display: inline-block;
        float: left;
    }

    .footerMiddle {
        width: 33.3%;
        display: inline-block;
        float: left;
        height: 250px;
    }

    .footerRight {
        width: 33.3%;
        display: inline-block;
        float: right;
        height: 225px;
    }

    div#mc_embed_signup_scroll > label {
        font-size: x-large;
    }

    div#mc_embed_signup_scroll > input#mce-EMAIL.email {
        width: 68%;
    }

    .lowerFooter {
        width: 100%;
        display: inline-block;
    }

    .twpLogo {
        width: 20%;
        height: 75px;
        float:left;
    }

    .copyright {
        width: 60%;
        height: 75px;
        font-size: small;
        float:left;
        text-align: center;
    }

    .copyright > p {
        margin: 50px 0 0 0;
    }

    .copyright > p > a {
        color: white;
    }

    .addtlLinks {
        width: 20%;
        float:left;
        text-align: right;
    }

    .addtlLinks > ul > li > a {
        font-size: small;
    }

    /* home.blade */
    .welcomeImage {
        background-color: transparent;
        text-align: center;
        border: none;
    }

    .dancePartyBanner {
        background: transparent;
        text-align: center;
        display: inline-flex;
        height: 350px;
        border: none;
        margin: 1% 0;
    }

    .komenLogo, .murrayLogo {
        width: 20%;
    }

    .komenLogo > img {
        width: 100%;
        margin: 18% 40px;
    }

    .dpBanner {
        width: 60%;
    }

    .dpBanner > a {
        color: black;
        text-decoration: none;
    }

    .dpBanner > a > img {
        width: 95%;
    }

    .dpBanner > a:hover {
        color: #E6A51D;
    }

    .dpBanner > a:hover > img {
        text-decoration: underline;
        -ms-transform: scale(1.10); /* IE 9 */
        -webkit-transform: scale(1.10); /* Safari 3-8 */
        transform: scale(1.10);
    }

    .dpBanner > a > h2 {
        width: 100%;
        font-size: 36px;
    }

    .murrayLogo {
        margin: 28px 0 0 0;
    }

    .murrayLogo > img {
        width: 100%;
    }

    #arthurMurrayLogo {
        background-color: transparent;
        margin: 20% 0;
    }

    .productLeft {
        width: 48%;
        height: 94%;
        float: left;
        text-align: center;
        padding: 1%;
    }

    .productLeft > img {
        height: 94%;
    }

    .headerRight {
        width: 48%;
        height: 94%;
        float: right;
        text-align: center;
        padding: 1%;
    }

    .headerRight > h1 {
        margin: 5% 0 2% 0;
        font-size: 5vw;
        color: #FF00A5;
    }

    .headerRight > form {
        height: 75px;
    }

    .image {
        width: 50%;
        height: 100%;
        float: right;
    }

    .myBook {
        height: 55vw;
    }

    .myBook > .image {
        height: 75%;
    }

    .myBook >.info > p {
        font-size: 1.5vw;
    }

    /* about.blade */

    .imageBanner {
        height: 450px;
        border: none;
    }

    .banner > img {
        width: 50%;
        float: left;
    }

    .slogan {
        width: 45%;
        float: right;
        color: black;
        padding: 10px;
        font-family: active, sans-serif;
        text-transform: uppercase;
    }

    .slogan h1 {
        font-size: 68px;
        height: 400px;
    }

    .ashleyBioImage {
        background-color: transparent;
        border: none;
    }

    .ashleyBioImage > img {
        width: 100%;
        height: auto;
    }

    .ashleyBio {
        color: #10100e;
        border: none;
    }

    .ashleyBio > img {
        width: 20%;
        text-align: center;
    }

    .additionalContent {
        height: 73%;
    }

    .youTubeAbout {
        height: auto;
        background-color: #10100e;
        text-align: center;
    }

    .playlist {
        border: none;
        height: 500px;
    }

    /* blog.blade */
    .eventVideo {
        background-color: transparent;
        border: none;
    }

    .video {
        width: 25%;
        height: 19vw;
        padding: 1%;
    }

    .video > h6 {
        font-size: large;
    }

    .wrapper {
        background-color: transparent;
        border: none;
    }

    .wrapper > h1 {
        color: #FF00A5;
    }

    .wrapper > .btn {
        padding: 5px;
    }

    .postInfo {
        width: 71%;
        float: right;
        color: black;
    }

    .postTitle {
        margin: 10px 0;
        font-size: 40px;
        color: #FF00A5;
        background-color: transparent;
        border: none;
        text-align: center
    }

    .postTitle > h3 {
        font-size: 32px;
        color: #FF00A5;
    }

    .dateAndCategory {
        margin: 0;
    }

    .dateAndCategory > p {
        margin: 0;
        font-size: 20px;
    }

    .currentPost {
        width: 100%;
        margin: 0;
        overflow: visible;
    }

    .currentPost > h1 {
        font-size: 26px;
    }

    .currentPost > h3 {
        font-size: 14px;
    }

    .currentPost > h4 {
        font-size: 12px;
    }

    .rightSidebar {
        overflow: visible;
    }

    .eventsGallery {
    }

    .slider {
        height: 250px;
        border: none;
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
    }
    .slide {
        width: 300px;
        flex-shrink: 0;
        height: 97%;
        background-color: transparent;
        border: none;
        margin: 0 5%;
    }

    .slider > .slide > a > img {
        height: 100%;
    }

    /* blogPost.blade */
    .postContent, .eventContent {
        background-color: transparent;
        border: none;
    }

    .postContent > h3, .eventContent > h3 {
        width: 60%;
        margin: auto;
        font-size: large;
    }

    .postImage, .eventImage {
        width: 70%;
        height: 350px;
        margin: auto;
    }

    .postImage > img, .eventImage > img {
        width: 100%;
    }

    .eventContent > .dateAndCategory, .postContent > .dateAndCategory {
        display: inline-block;
        margin: 15px 0;
        width: 100%;
    }

    .eventDate, .eventTime, .venue {
        float: left;
        width: 30%;
    }

    .eventDate {
        text-align: left;
    }

    .eventTime {
        text-align: center;
    }

    .venue {
        text-align: right;
    }

    .eventDate > h4, .eventTime > h4, .venue > h4 {
        font-size: 16px;
    }

    .commentSection {
        border: none;
    }

    .editButtons {
        display: inline-flex;
        margin: 0 10px;
    }

    .editButtons > a {
        margin: 0 10px;
        color: darkblue;
    }

    /* reviews */
    .quotes {
        background: transparent;
        color: #10100e;
        padding: 5%;
        text-align: left;
        border: none;
    }

    .quotes > h2 {
        font-size: 24px;
    }

    .reviews {
        background-color: transparent;
        display: inline-block;
        text-align: center;
        border: none;
    }

    .testimonial {
        padding: 20px;
        width: 28%;
        display: inline-grid;
        color: #FF00A5;
    }

    /* contact.blade */

    .contactForm > form > .form-group > input#name.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > input#email.form-control {
        width: 100%;
        height: 25px;
    }

    .contactForm > form > .form-group > select#subject.form-control {
        width: 100%;
    }

    .contactForm > form > .form-group > textarea#message.form-control {
        width: 100%;
        height: 200px;
    }

    .ashleyImage {
        background-color: transparent;
        border: none;
        height: 600px;
    }

    .ashleyImage > img {
        width: 100%;
    }

    /* faq.blade */
    .questions {
        background: transparent;
        color: black;
        border: none;
    }

    .blogManager, .eventManager {
        text-align: center;
        padding: 5%;
        margin: 20px 0;
        color: #FF00A5;
    }

    .logout {
        background-color: transparent;
        border: none;
        color: #10100e;
    }

    /* epk */

    .epkAbout {
        padding: 5%;
    }

    .epkAbout > h4 {
        font-size: 1.33vw;
    }

    .epkVideo > .video {
        width: 100%;
        height: 500px;
        margin: 20px auto;
        padding: 10px;
        text-align: center;
    }

    .video > .epkVideoImage {
        width: 60%;
    }

    .epkEventPosts {
        height: auto;
    }

    .epkEvent > h3 {
        margin: 0;
        font-size: 1.3vw;
    }

    .epkDateAndCategory > p {
        width: 50%;
        margin: 0;
        float: left;
        font-size: 1vw;
    }

    /* shop */

    .silver > ul, .gold > ul, .platinum > ul {
        padding: 0;
        height: 200px;
    }

    .silver > h3, .gold > h3, .platinum > h3 {
        font-size: xx-large;
    }

    /* */
    /* */
    /* */
    /* */
    /* */

    /* */
    /* END OF MEDIA QUERY */
    /* */
}

/* ****************************************************************************************** */


@media all and (min-width: 1800px) and (max-width: 2560px) {

    /* COMMON FILES */
    .logo {
        width: 175px;
        height: 125px;
    }

    .logo {
    }
    .header {
        text-align: right;
        padding-top: 6%;
    }

    .header > a {
        font-size: 20px;
        margin: 0 15px;
    }

    .header > a:hover {
        text-decoration: underline;
    }

    .navigation {
        font-size: 24px;
    }

    .subscribeHere {
        height: 150px;
    }

    .footerLeft {
        width: 40%;
        display: inline-block;
        float: left;
    }

    .footerMiddle {
        width: 20%;
        display: inline-block;
        float: left;
    }

    .footerRight {
        width: 40%;
        display: inline-block;
        float: right;
    }

    div#mc_embed_signup_scroll > label {
        font-size: x-large;
    }

    div#mc_embed_signup_scroll > input#mce-EMAIL.email {
        width: 68%;
    }

    .lowerFooter {
        width: 100%;
        display: inline-block;
    }

    .twpLogo {
        width: 20%;
        height: 100px;
        float:left
    }

    .copyright {
        width: 60%;
        height: 100px;
        font-size: medium;
        float:left;
        text-align: center;
    }

    .copyright > p {
        margin: 75px 0 0 0;
    }

    .copyright > p > a {
        color: white;
    }

    .addtlLinks {
        width: 20%;
        float: left;
        text-align: right;
    }

    .addtlLinks > ul > li > a {
        font-size: medium;
    }

    .myBook {
        height: 65vw;
    }

    .myBook > .image {
        height: 75%;
    }

    .myBook > .info {
        padding: 3%;
        height: auto;
        width: 50%;
    }

    .myBook > .info > p {
        font-size: 1.5vw;
    }

    /* home.blade */
    .welcomeImage {
        background-color: transparent;
        text-align: center;
        border: none;
    }

    .welcomeImage > .image {
        height: 900px;
        width: 100%;
        margin: 0;
    }

    .dancePartyBanner {
        background: transparent;
        text-align: center;
        display: inline-flex;
        height: 350px;
        border: none;
        margin: 1% 0;
    }

    .komenLogo, .murrayLogo {
        width: 20%;
    }

    .komenLogo > img {
        width: 100%;
        margin: 18% 40px;
    }

    .dpBanner {
        width: 60%;
    }

    .dpBanner > a {
        color: black;
        text-decoration: none;
    }

    .dpBanner > a > img {
        width: 95%;
    }

    .dpBanner > a:hover {
        color: #E6A51D;
    }

    .dpBanner > a:hover > img {
        text-decoration: underline;
        -ms-transform: scale(1.10); /* IE 9 */
        -webkit-transform: scale(1.10); /* Safari 3-8 */
        transform: scale(1.10);
    }

    .dpBanner > a > h2 {
        width: 100%;
        font-size: 36px;
    }

    .murrayLogo {
        margin: 28px 0 0 0;
    }

    .murrayLogo > img {
        width: 100%;
    }

    #arthurMurrayLogo {
        background-color: transparent;
        margin: 20% 0;
    }

    .productLeft {
        width: 48%;
        height: 92%;
        float: left;
        text-align: center;
        padding: 1%;
    }

    .productLeft > img {
        height: 94%;
    }

    .headerRight {
        width: 48%;
        height: 92%;
        float: right;
        text-align: center;
        padding: 1%;
    }

    .headerRight > h1 {
        margin: 5% 0 2% 0;
        font-size: 5vw;
        color: #FF00A5;
    }

    .headerRight > form {
        height: 75px;
    }

    .image {
        width: 50%;
        height: 100%;
        float: right;
    }

    /* about */

    .imageBanner {
        border: none;
    }

    .banner > img {
        width: 50%;
        float: left;
    }

    .slogan {
        width: 45%;
        float: right;
        color: black;
        padding: 10px;
    }

    .slogan h1 {
        font-size: 92px;
        height: 400px;
        font-family: active, sans-serif;
        text-transform: uppercase;
    }

    .ashleyBioImage {
        background-color: transparent;
        border: none;
    }

    .ashleyBioImage > img {
        width: 100%;
        height: auto;
    }

    .ashleyBio {
        color: #10100e;
        border: none;
    }

    .ashleyBio > img {
        width: 20%;
        text-align: center;
    }

    .additionalContent {
        height: 84%;
    }

    .youTubeAbout {
        height: auto;
        background-color: #10100e;
        text-align: center;
    }

    .playlist {
        border: none;
        height: 500px;
    }

    /* reviews */
    .quotes {
        background: transparent;
        color: #10100e;
        padding: 5%;
        text-align: left;
        border: none;
    }

    .quotes > h2 {
        font-size: 32px;
    }

    /* contact.blade */
    .ashleyImage {
        height: 775px;
        background: transparent;
        border: none;
    }

    .ashleyImage > img {
        width: 100%;
    }

    .contactForm {
        padding: 20px;
        background-color: skyblue;
        color: #10100e;
        font-size: xx-large;
    }

    .contactForm > form > .form-group > input#name.form-control {
        width: 100%;
        height: 40px;
    }

    .contactForm > form > .form-group > input#email.form-control {
        width: 100%;
        height: 40px;
    }

    .contactForm > form > .form-group > select#subject.form-control {
        width: 100%;
    }

    .contactForm > form > .form-group > textarea#message.form-control {
        width: 100%;
        height: 250px;
    }

    /* faq.blade */
    .questions {
        background: transparent;
        color: black;
        border: none;
    }

    /* dashboard.blade */

    .blogManager, .eventManager {
        text-align: center;
        padding: 5%;
        margin: 20px 0;
        color: #FF00A5;
    }

    .logout {
        background-color: transparent;
        border: none;
        color: #10100e;
    }

    /* epk */

    .epkAbout {
        padding: 5%;
    }

    .epkAbout > h4 {
        font-size: 1.25vw;
    }

    .epkVideo > .video {
        width: 100%;
        height: 550px;
        margin: 20px auto;
        padding: 10px;
        text-align: center;
    }

    .epkVideoImage {
        width: 60%;
    }

    .epkEventPosts {
        height: auto;
    }

    .epkEvent > h3 {
        margin: 0;
        font-size: 1.3vw;
    }

    .epkDateAndCategory > p {
        width: 50%;
        margin: 0;
        float: left;
        font-size: 1vw;
    }

    /* shop */

    .silver > ul, .gold > ul, .platinum > ul {
        padding: 0;
        height: 135px
    }

    .silver > h3, .gold > h3, .platinum > h3 {
        font-size: xx-large;
    }


    /* */
    /* */
    /* */
    /* */

    /* */
    /* END OF MEDIA QUERY */
    /* */


}

/* ****************************************************************************************** */